<include file="public@news_head">
<div class="container-fluid">
    <div class="loading-list product-list pt-4 cis-animate-body">
        <div id="cis-product-list" class="row">
            <div class="col-xs-12 col-sm-6 col-md-3 mb-3 invisible" data-plugin="appear" data-animate="slide-bottom"
                 data-repeat="false">
                <div class="card">
                    <div class="card-img-top">
                        <figure class="figure">
                            <a href="detail.html">
                                <img class="img-fluid" src="../../images/upload/product_list01.jpg">
                            </a>
                        </figure>
                    </div>
                    <div class="card-body">
                        <h6 class="card-title-line">办公环境空间设计</h6>
                        <p class="card-text">
                            空间设计系列
                            <span class="float-right"><i class="iconcis icon-eye"></i>|&nbsp;2580</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="loadingmore text-center"><a>加载更多</a></div>
    </div>
</div>
<include file="public@common_footer">
<script>
    METUI_FUN['product-list'] = {
        name: 'product-list',
        appear: function () {
            var indexappear = $('.cis-animate-body:eq(0) [data-plugin=appear]');
            if (indexappear.length) {
                indexappear.scrollFun(function (val) {
                    val.appearDiy();
                }, {is_scroll: true});
            }
        }
    };
    var x = new metui(METUI_FUN['product-list']);
</script>
</body>
</html>